<div class="container">
    <header id="site-header">
        <div class="row">
            <div class="col-md-4 col-sm-5 col-xs-8">
                <div class="navbar-header" role="navigation">
                    <h1><a href="{% url 'blog:index' %}" class="header-title"><b>an00</b></a></h1>
                </div>
            </div><!-- col-md-4 -->
            <div class="col-md-5 col-sm-7 col-xs-4">

                <nav class="main-nav" role="navigation">

{#                    <div class="navbar-header navbar-right">#}
{#                        <button type="button" id="trigger-overlay" class="navbar-toggle">#}
{#                            <span class="ion-navicon"></span>#}
{#                        </button>#}
{#                    </div>#}

                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
{#                        <ul class="nav navbar-nav navbar-right">#}
{#                            {% if not request.user.is_authenticated  %}#}
{#                                <li>#}
    {#                            <li class="cl-effect-11">#}
{#                                    <a href="{% url 'blog:index' %}" data-hover="登陆">登陆</a>#}
{#                                </li>#}
{#                            {% else %}#}
{#                            <li class="cl-effect-11 dropdown ">#}
{#                                <a href="{% url 'blog:index' %}" class="dropdown-toggle"  data-toggle="dropdown" data-hover="{{ request.user }}">{{ request.user }}</a>#}
{#                                    <ul class="dropdown-menu dropdown-diy">#}
{#                                        <li><a href="#">Action</a></li>#}
{#                                        <li><a href="#">Another action</a></li>#}
{#                                        <li><a href="#">Something else here</a></li>#}
{#                                    </ul>#}
{#                                </div>#}
{#                            </li>#}
{#                            {% endif %}#}
{#                        </ul>#}
                        <ul class="nav navbar-nav navbar-right">
                            <li class="cl-effect-11">
                                <a href="{% url 'blog:index' %}" data-hover="首页">首页</a>
                            </li>
                            <li class="cl-effect-11">
                                <a href="{% url 'blog:about' %}" data-hover="关于">关于</a>
                            </li>
                        </ul>

                    </div><!-- /.navbar-collapse -->

                </nav>
            </div><!-- col-md-8 -->
            <div class="col-md-3 search-diy" >
                <form role="search" method="get"  action="{% url 'blog:search' %}">
                    <div class="form-group">
                        <input type="search" class="form-control" name="q" placeholder="搜索内容，Enter开始" required>
                    </div>
                </form>
            </div>
        </div>
    </header>

</div>

{#<!-- Mobile Menu -->#}
{#<div class="overlay overlay-hugeinc">#}
{#    <button type="button" class="overlay-close"><span class="ion-ios-close-empty"></span></button>#}
{#    <nav>#}
{#        <ul>#}
{#            <li><a href="{% url 'blog:index' %}">首页</a></li>#}
{#            <li><a href="/full">博客</a></li>#}
{#            <li><a href="/about">关于</a></li>#}
{#            <li><a href="/contact">联系</a></li>#}
{#        </ul>#}
{#    </nav>#}
{#</div>#}
